$(function () {
    //点a链接，显示隐藏盒子
    $("#loginBox a").on('click', function () {
        $("#loginBox").hide()
        $("#registerBox").show()
    })
    $("#registerBox a").on('click', function () {
        $("#loginBox").show()
        $("#registerBox").hide()
    })
    //需求2：自定义校验规则
    let form = layui.form
    //verify()的值是一个对象
    form.verify({
        //属性是规则名称，值可以是数组或函数
        pwd: [
            //第一个值是校验规则
            /^[\S]{6,15}$/,
            //报错信息
            "密码长度为6-15个字符，且不能包含空字符"
        ],//要有逗号分割
        repwd: function (value) {
            let pwd = $('#registerBox [name=password]').val()
            if (value !== pwd) {
                return '两次输入密码不一致'
            }
        }

    })
})
//需求3：注册axios
let layer = layui.layer
$("#form-reg").on("submit",function(e) {
    e.preventDefault()
    axios({
        method:'POST',
        url:'/api/reguser',
        data:$("#form-reg").serialize()
        }).then((res) => {
            if(res.data.status !== 0) {
                return alert(res.data.message)
            }
            //注册成功，给提示
            //alert(res.data.message)
           layer.msg('恭喜您')
        //    清空表单
        $("#form-reg")[0].reset()
        //切换到登录区域
        $("#registerBox a").click()
        })
})
//需求4：登录
$("#form-login").on('submit',function(e) {
    e.preventDefault()
    axios({
        method:'POST',
        url:'/api/login',
        data:$("#form-login").serialize()
        }).then((res) => {
            let obj = res.data
            if(obj.status !== 0) {
                return layer.msg(obj.message)
            }
            //注册成功，给提示,跳转，保存token
        layer.msg('恭喜您，登录成功')
        location.href = '/index.html'
        localStorage.setItem('token',obj.token)
        })
})
